.divider {
  &--horizontal {
    width: 100%;
    height: 1px;
    @media (-webkit-min-device-pixel-ratio: 2) {
      transform: scaleY(.5);
    }
    @media (-webkit-min-device-pixel-ratio: 3) {
      transform: scaleY(.3333);
    }
  }
  &--vertical {
    width: 1px;
    height: 1em;
    vertical-align: middle;
    @media (-webkit-min-device-pixel-ratio: 2) {
      transform: scaleX(.5);
    }
    @media (-webkit-min-device-pixel-ratio: 3) {
      transform: scaleX(.3333);
    }
  }
}